<template>
  <div id="home-container">
    <Navbar></Navbar>
    <PopularSearch></PopularSearch>
    <PopularCategory></PopularCategory>
    <TopCompanies></TopCompanies>
    <Testimonial></Testimonial>
    <Looking></Looking>
    <Footer></Footer>
  </div>
</template>

<script>
import Navbar from '../components/Navbar'
import PopularSearch from '../components/PopularSearch'
import TopCompanies from '../components/TopCompanies'
import Testimonial from '../components/Testimonial'
import Looking from '../components/Looking'
import PopularCategory from '../components/PopularCategory'
import Footer from '../components/Footer'

export default {
  components: {
    Navbar,
    PopularSearch,
    TopCompanies,
    Testimonial,
    Looking,
    PopularCategory,
    Footer
  }
}
</script>

<style lang="less">
#home-container {
  position: relative;
  width: 1440px;
  height: 4966px;
  background: #e6e6fa;
  font-family: RobotoRoman-Regular;
}
</style>
